<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Page with TOC | My Project</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i%7CSource+Code+Pro:400,400i,600" />
  <link rel="stylesheet" href="m-dark+documentation.compiled.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<header><nav id="navigation">
  <div class="m-container">
    <div class="m-row">
      <a href="index.html" id="m-navbar-brand" class="m-col-t-8 m-col-m-none m-left-m">My Project</a>
    </div>
  </div>
</nav></header>
<main><article>
  <div class="m-container m-container-inflatable">
    <div class="m-row">
      <div class="m-col-l-10 m-push-l-1">
        <h1>
          Page with TOC
        </h1>
        <div class="m-block m-default">
          <h3>Contents</h3>
          <ul>
            <li>
              <a href="#section">A section</a>
              <ul>
                <li><a href="#sub-section">Subsection</a></li>
                <li>
                  <a href="#sub-section2">Subsection 2</a>
                  <ul>
                    <li><a href="#sub-section3">Subsection 3</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="#section2">Section 2</a></li>
          </ul>
        </div>
<section id="section"><h2><a href="#section">A section</a></h2><p>Text.</p><section id="sub-section"><h3><a href="#sub-section">Subsection</a></h3></section><section id="sub-section2"><h3><a href="#sub-section2">Subsection 2</a></h3><section id="sub-section3"><h4><a href="#sub-section3">Subsection 3</a></h4></section></section></section><section id="section2"><h2><a href="#section2">Section 2</a></h2></section>
      </div>
    </div>
  </div>
</article></main>
</body>
</html>
